@import "common";
// 头部导航栏
.nav {
  width: vw(709);
  height: vw(60);
  display: flex;
  justify-content: space-between;
  margin: vw(47) auto vw(20);
  .back {
    width: vw(123);
    height: vw(57);
    line-height: vw(57);
    font-size: vw(26);
    border-radius: vw(8);
    text-align: center;
    border: solid #ff9344 vw(2);
  }
  span {
    font-size: vw(22);
    margin-top: vw(19);
  }
  .mail {
    width: vw(62);
    height: vw(57);
    background: url(../img/2.png) no-repeat center center/contain;
  }
}
// 点击登录
.profile {
  margin: 0 auto;
  width: vw(709);
  height: vw(170);
  display: flex;
  justify-content: space-between;
  .photo {
    width: vw(170);
    height: vw(170);
    border-radius: 50%;
    background: url(../img/head.png) no-repeat center center/contain;
  }
  .intro {
    width: vw(513);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .i_left {
      height: vw(90);
      width: vw(200);
      p:nth-child(1) {
        font-size: vw(30);
        margin-bottom: vw(37);
      }
      p:nth-child(2) {
        font-size: vw(26);
        color: #9d9d9d;
      }
    }
    .i_right {
      width: vw(41);
      height: 100%;
      font-size: vw(87);
      color: #010101;
      line-height: vw(170);
    }
  }
}
//评价
.eva {
  margin: vw(23) auto vw(32);
  width: vw(704);
  height: vw(151);
  display: flex;
  justify-content: space-between;
  .e_left,
  .e_mid,
  .e_right {
    width: vw(195);
    height: vw(151);
    background: url(../img/形状13.png) no-repeat center center/contain;
    p {
      font-size: vw(26);
      margin: vw(113) 0 0 vw(46);
    }
  }
  .e_mid {
    background: url(../img/形状14.png) no-repeat center center/contain;
  }
  .e_right {
    background: url(../img/pink.png) no-repeat center center/contain;
    p {
      margin: vw(113) 0 0 vw(31);
    }
  }
}

.wallet {
  margin: vw(33) auto vw(23);
  display: flex;
  height: vw(74);
  width: vw(709);
  display: flex;
  justify-content: space-between;
  .w_left {
    display: flex;
    .money {
      width: vw(57);
      height: 100%;
      background: url(../img/money.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(26);
      line-height: vw(74);
      margin-left: vw(38);
    }
  }
  .w_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(25);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(25) 0px 0px vw(6);
    }
  }
}
.comment {
  margin: vw(33) auto vw(23);
  display: flex;
  height: vw(74);
  width: vw(709);
  display: flex;
  justify-content: space-between;
  .c_left {
    display: flex;
    .com {
      width: vw(71);
      height: 100%;
      background: url(../img/形状13副本.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(26);
      line-height: vw(74);
      margin-left: vw(26);
    }
  }
  .c_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(25);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(25) 0px 0px vw(6);
    }
  }
}
.friend {
  margin: vw(33) auto vw(23);
  display: flex;
  height: vw(74);
  width: vw(709);
  display: flex;
  justify-content: space-between;
  .f_left {
    display: flex;
    .fri {
      width: vw(94);
      height: vw(58);
      background: url(../img/形状17.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(26);
      line-height: vw(74);
      margin-left: vw(4);
    }
  }
  .f_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(25);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(25) 0px 0px vw(6);
    }
  }
}
.trace {
  margin: vw(33) auto vw(23);
  display: flex;
  height: vw(74);
  width: vw(709);
  display: flex;
  justify-content: space-between;
  .t_left {
    display: flex;
    .tra {
      width: vw(59);
      height: vw(59);
      background: url(../img/形状20.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(26);
      line-height: vw(74);
      margin-left: vw(38);
    }
  }
  .t_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(25);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(25) 0px 0px vw(6);
    }
  }
}
.set {
  margin: vw(33) auto vw(23);
  display: flex;
  height: vw(74);
  width: vw(709);
  display: flex;
  justify-content: space-between;
  .s_left {
    display: flex;
    .se {
      width: vw(78);
      height: vw(79);
      background: url(../img/形状21.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(26);
      line-height: vw(74);
      margin-left: vw(19);
    }
  }
  .s_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(25);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(25) 0px 0px vw(6);
    }
  }
}
.contact {
  margin: vw(33) auto vw(23);
  display: flex;
  height: vw(74);
  width: vw(709);
  display: flex;
  justify-content: space-between;
  .c_left {
    display: flex;
    .con {
      width: vw(84);
      height: vw(59);
      background: url(../img/22.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(26);
      line-height: vw(74);
      margin-left: vw(13);
    }
  }
  .c_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(25);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(25) 0px 0px vw(6);
    }
  }
}
.anniu {
  margin: 0 auto;
  width: vw(709);
  height: vw(76);
  display: flex;
  margin-bottom: vw(24);
  .logout,
  .off {
    width: vw(147);
    height: 100%;
    line-height: vw(76);
    text-align: center;
    font-size: vw(24);
    color: #ffffff;
    margin-left: vw(84);
    background-color: #ff9344;
    border-radius: vw(30);
  }
  .off {
    margin-left: vw(240);
  }
}
